
<HTML>
<HEAD>
<TITLE>Fifth Test of Section 4.1.4 of CSS1 Spec</TITLE>


<STYLE TYPE="text/css">

 #id1 { float: left }
 #id2 { float: right }
 BODY, P {margin: 2em }
</STYLE>
</HEAD>





<BODY>

<h1 >Testing Statement #5 Below for Section 4.1.4 of CSS1 Spec</h1>






<ul>
<li>
5. The left outer edge of a left-floating element must be to the right of the 
right outer edge of every earlier (in the HTML source) left-floating element,
or the top of the former must be lower than the bottom of the latter.
Analogously for right-floating elements.
</ul>

<h2>PASS CRITERIA
</h2>
<p>
If statement #5 above is passed, then:

<img ID=id1 src="ovalbbut.gif">

<img ID=id1 src="ovalbbut.gif">

The two images below and to the left should be side by side,
or the right of the first image should be to the left of the second image.
The rule applied here is "#id1 {float: left}" (applied to IMG).

<p>
To continue:
<img ID=id2 src="ovalbbut.gif">
<img ID=id2 src="ovalbbut.gif">
The two images below and to the right should be side by side,
or the left of the first image should be to the right of the second image.
The rule applied here is "#id2 {float: right}" (applied to IMG).
All other properties on this page should be UA-default.
The other rule applied is "body, p {margin: 2em}".



To move directly to the next test, click<a href="414-6.htm"> here</a>
</BODY>
</HTML>
